<template>
  <div class="div-tb">
    <dv-scroll-board
      :rowNum="5"
      :config="config"
      style="width: 100%; height: 300px"
    />
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      config: {
        header: ["姓名", "入场时间", "退场时间", "照片"],
        data: [
          [
            "张晓婷",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "李大强",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar1.jpg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "王小明",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "李成方",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar1.jpg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "张卫东",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "何小丽",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar1.jpg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "李文方",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "张飞",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar1.jpg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "李小明",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
          [
            "李方向",
            "08:50:03",
            "17:37:01",
            '<img src="/img/avatar3.jpeg" style="height:50px;width:50px;padding:3px" />',
          ],
        ],
        index: false,
        waitTime: 3000,
        columnWidth: [80],
        align: ["center"],
        headerHeight: 50,
        carousel: "page",
        indexHeader: "序号",
      },
    };
  },
};
</script>

<style>
.div-tb {
  padding: 5px 5px 20px 5px;
  box-sizing: border-box;
  background-color: rgba(72, 80, 93, 0.3);
}
.dv-scroll-board .header {
  color: black !important;
}
</style>
